//存放登录页交互逻辑js代码
//给必填项绑定事件
$(".form-control").blur(function(){
    //首先获取用户当前输入的值
    var value = this.value; //123
    //清空上一次提示的信息
    $(this).parent().find(".myP1").remove();
    //判断当前的值是哪一项输入的值
    if($(this).is("#username")){//判断是否是密码输入项、
    	var le = /^[a-zA-Z]\w{3,15}$/;
        if(!le.test(value)){
            $("#username").next().after("<span style='color:red;' class='glyphicon glyphicon-remove myP1'></span>");
        }else{
        	$("#username").next().after("<span style='color:green;' class='glyphicon glyphicon-ok myP1'></span>");
        }
    }
    if($(this).is("#password")){//判断是否是密码输入项
    	var le = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/;
        if(!le.test(value)){
            $("#password").next().after("<span style='color:red;' class='glyphicon glyphicon-remove myP1'></span>");
        }else{
        	$("#password").next().after("<span style='color:green;' class='glyphicon glyphicon-ok myP1'></span>");
        }
    }
    if($(this).is("#rpassword")){//判断是否是姓名输入项
    	if(value == "") {return;}
        if(value != $("#password").val()){
            $("#rpassword").next().after("<span style='color:red;' class='glyphicon glyphicon-remove myP1'></span>");
        }else{
        	$("#rpassword").next().after("<span style='color:green;' class='glyphicon glyphicon-ok myP1'></span>");
        }
    }
    if($(this).is("#phone")){//判断是否是密码输入项
    	var le = /^13(\d{9})$|^15(\d{9})$|^189(\d{8})$/;
    	
        if(!le.test(value)){
            $("#phone").next().after("<span style='color:red;' class='glyphicon glyphicon-remove myP1'></span>");
        }else{
        	$("#phone").next().after("<span style='color:green;' class='glyphicon glyphicon-ok myP1'></span>");
        }
    }
    if($(this).is("#textCode")){//判断是否是密码输入项
    	var le = /^\d{6}$/;
        if(!le.test(value)){
            $("#textCode").next().next().after("<span style='color:red;' class='glyphicon glyphicon-remove myP1'></span>");
        }else{
        	$("#textCode").next().next().after("<span style='color:green;' class='glyphicon glyphicon-ok myP1'></span>");
        }
    }
	
	$("#myBar").css("width",$(".glyphicon-ok").length*25+"%");
	
//  if($(this).is("#email")){//判断是否是密码输入项
//  	var value=$("#email").val();
//		var pattern = /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/;
//      if(!pattern.test(value)){
//          $("#email").after(" <font class='glyphicon glyphicon-remove TF' style='float: right;width: 7%;color: red;margin-top:3%;'></font>");
//      }else{
//          $("#email").after(" <font class='glyphicon glyphicon-ok TF' style='float: right;width: 7%;color: green;margin-top:3%;'></font>");
//      }
//  }

}).focus(function(){
    $(this).triggerHandler("blur");
}).keyup(function(){
    $(this).triggerHandler("blur");
})

//给表单提交绑定事件
$("#regite").submit(function(){
    //触发所有必填项的校验
    $(".form-control").trigger("focus");
    //找到错误信息的个数
    if($(".glyphicon-remove").length > 0){
        return false;
    }
    return true;
});



